<!DOCTYPE html>
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<head>
<meta charset="utf-8">
<title>Shifter - Responsive HTML5 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="images/favicon.gif"/>
<link rel="stylesheet" href="css/style.css" media="screen"/><!-- MAIN STYLE CSS FILE -->
<link rel="stylesheet" href="css/responsive.css" media="screen"/><!-- RESPONSIVE CSS FILE -->
<link rel="stylesheet" id="style-color" href="css/colors/blue-color.css" media="screen"/><!-- DEFAULT BLUE COLOR CSS FILE -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,500' rel='stylesheet' type='text/css'><!-- ROBOTO FONT FROM GOOGLE CSS FILE -->
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen"/><!--PRETTYPHOTO CSS FILE -->
<link rel="stylesheet" href="css/font-awesome/font-awesome.min.css" media="screen"/><!-- FONT AWESOME ICONS CSS FILE -->
<link rel="stylesheet" href="css/layer-slider.css" media="screen"/><!-- LAYER SLIDER CSS FILE -->
<link rel="stylesheet" href="css/flexslider.css" media="screen"/><!-- FLEX SLIDER CSS FILE -->
<link rel="stylesheet" href="css/revolution-slider.css" media="screen"/><!-- REVOLUTION SLIDER CSS FILE -->
<!-- All JavaScript Files (FOR FASTER LOADING OF YOUR SITE, REMOVE ALL JS PLUGINS YOU WILL NOT USE)-->
<script type="text/javascript" src="js/jquery.min.js"></script><!-- JQUERY JS FILE -->
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script><!-- JQUERY UI JS FILE -->
<script type="text/javascript" src="js/flex-slider.min.js"></script><!-- FLEX SLIDER JS FILE -->
<script type="text/javascript" src="js/navigation.min.js"></script><!-- MAIN NAVIGATION JS FILE -->
<script type="text/javascript" src="js/jquery.layerslider.js"></script><!-- LAYER SLIDER JS FILE -->
<script type="text/javascript" src="js/layerslider.transitions.js"></script><!-- LAYER SLIDER TRANSITIONS JS FILE -->
<script type="text/javascript" src="js/map.min.js"></script><!-- GOOGLE MAP JS FILE -->
<script type="text/javascript" src="js/carousel.js"></script><!-- CAROUSEL SLIDER JS -->
<script type="text/javascript" src="js/jquery.theme.plugins.min.js"></script><!-- REVOLUTION SLIDER PLUGINS JS FILE -->
<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script><!-- REVOLUTION SLIDER JS FILE -->
<script type="text/javascript" src="js/flickr.js"></script><!-- FLICKR WIDGET JS FILE -->
<script type="text/javascript" src="js/instagram.js"></script><!-- INSTAGRAM WIDGET JS FILE -->
<script type="text/javascript" src="js/jquery.twitter.js"></script><!--TWITTER WIDGET JS FILE -->
<script type="text/javascript" src="js/prettyPhoto.min.js"></script><!-- PRETTYPHOTO JS FILE -->
<script type="text/javascript" src="js/jquery.tooltips.min.js"></script><!-- TOOLTIPS JS FILE -->
<script type="text/javascript" src="js/isotope.min.js"></script><!--ISOTOPE JS FILE -->
<script type="text/javascript" src="js/scrolltopcontrol.js"></script><!-- SCROLL TO TOP JS PLUGIN -->
<script type="text/javascript" src="js/jquery.easy-pie-chart.js"></script><!-- EASY PIE JS FILE -->
<script type="text/javascript" src="js/jquery.transit.min.js"></script><!-- TRANSITION JS FILE -->
<script type="text/javascript" src="js/custom.js"></script><!-- CUSTOM JAVASCRIPT JS FILE -->
</head>
<body>
<div id="container">
	<!-- main container starts-->
	<div id="wrapp">
		<!-- main wrapp starts-->
		<header id="header">
		<!--header starts -->
		<div id="header-links">
			<div class="container">
				<div class="one-half">
					<ul class="contact-links">
						<!-- header social links starts-->
						<li><a href="#"><i class="icon-home"></i>5 Avenue, Some City </a></li>
						<li><a href="#"><i class="icon-phone"></i>+987 654 321 </a></li>
						<li><a href="#"><i class="icon-map-marker"></i>mail@yoursite.com</a></li>
					</ul>
				</div>
				<div class="one-half">
					<ul class="social-links">
						<!-- header social links starts-->
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-twitter"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-facebook"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-linkedin"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-google-plus"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-skype"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-dribbble"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-pinterest"></i></a></li>
						<li><a href="#" class="tooltip" title="Some Title"><i class="icon-tumblr"></i></a></li>
					</ul>
					<!--header social links ends -->
				</div>
			</div>
		</div>
		<div class="container">
			<div class="head-wrapp">
				<a href="index.html" id="logo"><img src="images/logo.png" alt=""/><span>Responsive Business Template</span></a>
				<!--your logo-->
				<nav class="top-search">
				<!-- search starts-->
				<form action="404-error.html" method="get">
					<button class="search-btn"></button>
					<input class="search-field" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search"/>
				</form>
				</nav>
				<!--search ends -->
			</div>
		</div>
		<div id="main-navigation">
			<!--main navigation wrapper starts -->
			<div class="container">
				<ul class="main-menu">
					<li><a href="index.html">Home</a>
					<!-- Second Level / Start -->
					<ul>
						<li><a href="index.html">Layer Slider (Default)</a></li>
						<li><a href="home-revolution-slider.html">Revolution Slider</a></li>
						<li><a href="home-flex-slider.html">Flex Slider</a></li>
						<li><a href="home-alternative-header-1.html">Header Style 1</a></li>
						<li><a href="home-alternative-header-2.html">Header Style 2</a></li>
						<li><a href="home-alternative-header-3.html">Header Style 3</a></li>
						<li><a href="#">Menu Second Level</a>
						<ul>
							<li><a href="#">Dummy Item</a></li>
							<li><a href="#">Dummy Item</a></li>
						</ul>
						</li>
					</ul>
					<!-- Second Level / End -->
					</li>
					<li><a href="#">Mega Menu</a>
					<!-- Mega Menu / Start -->
					<ul class="four-columns">
						<li class="one">
						<h5>Some Pages</h5>
						<ol>
							<li><a href="about-us.html"><i class="icon-group"></i>About Us</a></li>
							<li><a href="services.html"><i class="icon-cog"></i>Services</a></li>
							<li><a href="faq.html"><i class="icon-question-sign"></i>F.A.Q</a></li>
							<li><a href="team-member.html"><i class="icon-user"></i>Team Member</a></li>
						</ol>
						</li>
						<li class="one">
						<h5>Feature Pages</h5>
						<ol>
							<li><a href="left-sidebar.html"><i class="icon-circle-arrow-left"></i>Left Sidebar</a></li>
							<li><a href="right-sidebar.html"><i class="icon-circle-arrow-right"></i>Right Sidebar</a></li>
							<li><a href="404-error.html"><i class="icon-warning-sign"></i>404 Page</a></li>
							<li><a href="clients.html"><i class="icon-quote-left"></i>Clients</a></li>
						</ol>
						</li>
						<li class="one">
						<h5>Elements Pages</h5>
						<ol>
							<li><a href="elements.html"><i class=" icon-cogs"></i>Elements</a></li>
							<li><a href="icons.html"><i class="icon-th-large"></i>Icons</a></li>
							<li><a href="pricing-tables.html"><i class=" icon-table"></i>Pricing Tables</a></li>
							<li><a href="typography.html"><i class="icon-text-height"></i>Typography</a></li>
						</ol>
						</li>
						<li class="one">
						<h5>Portfolio Pages</h5>
						<ol>
							<li><a href="portfolio-2.html"><i class=" icon-lightbulb"></i>2 Columns Portfolio</a></li>
							<li><a href="portfolio-3.html"><i class=" icon-suitcase"></i>3 Columns Portfolio</a></li>
							<li><a href="portfolio-4.html"><i class="icon-heart"></i>4 Columns Portfolio</a></li>
							<li><a href="single-project-small.html"><i class="icon-zoom-in"></i>Single Project</a></li>
						</ol>
						</li>
					</ul>
					<!-- Mega Menu / End -->
					</li>
					<li><a href="#"> Portfolio</a>
					<!-- Second Level / Start -->
					<ul>
						<li><a href="portfolio-2.html">2 Columns Portfolio</a></li>
						<li><a href="portfolio-3.html">3 Columns Portfolio</a></li>
						<li><a href="portfolio-4.html">4 Columns Portfolio</a></li>
						<li><a href="single-project-small.html">Single Project Small</a></li>
						<li><a href="single-project-large.html">Single Project Large</a></li>
					</ul>
					<!-- Second Level / End -->
					</li>
					<li><a href="#">Shortcodes</a>
					<!-- Second Level / Start -->
					<ul>
						<li><a href="columns.html">Columns</a></li>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="icons.html">Icons</a></li>
						<li><a href="pricing-tables.html">Pricing Tables</a></li>
					</ul>
					<!-- Second Level / End -->
					<li><a href="#">Shop</a>
					<!-- Second Level / Start -->
					<ul>
						<li><a href="shop-layout.html">Shop</a></li>
						
					</ul>
					<!-- Second Level / End -->
					</li>
					<li><a href="#" id="current"> Blog</a>
					<!-- Second Level / Start -->
					<ul>
						<li><a href="blog-small.html">Small Layout</a></li>
						<li><a href="blog-medium.html">Medium Layout</a></li>
						<li><a href="blog-large.html">Large Layout</a></li>
						<li><a href="blog-post.html">Single Post</a></li>
					</ul>
					<!-- Second Level / End -->
					</li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
				<!-- main navigation ends-->
				<div class="after-nav-info">
					<h4>contact phone: +987 654 321 000</h4>
				</div>
			</div>
		</div>
		<!--main navigation wrapper ends -->
		</header>
		<!-- header ends-->
		<div id="content">
			<div id="breadcrumb">
				<!-- breadcrumb starts-->
				<div class="container">
					<div class="one-half">
						<h4>Blog Post</h4>
					</div>
					<div class="one-half">
						<nav id="breadcrumbs">
						<!--breadcrumb nav starts-->
						<ul>
							<li>You are here:</li>
							<li><a href="index.html">Home</a></li>
							<li>Blog Post</li>
						</ul>
						</nav>
						<!--breadcrumb nav ends -->
					</div>
				</div>
			</div>
			<!--breadcrumbs ends -->
			<div class="container">
				<div class="one">
					<div class="three-fourth">
						<div class="blog-post">
							<div class="media-holder">
								<a href="blog-post.html"><img src="images/blog/blog-01.jpg" alt=" "/></a>
							</div>
							<div class="permalink">
								<h4><a href="blog-post.html">Responsive HTML5 Template Free For Download </a></h4>
							</div>
							<ul class="post-meta">
								<li><i class="icon-time"></i> 2 July, 2013 </li>
								<!-- Date -->
								<li><i class="icon-user"></i><a href="#">Admin</a></li>
								<!-- Author -->
								<li><i class="icon-tags"></i><a href="#">Web Development</a></li>
								<!-- Category -->
								<li><i class="icon-comments"></i><a href="#">32 Comments</a></li>
								<!-- Comments -->
							</ul>
							<!-- End post-meta -->
							<div class="post-intro">
								<span class="dropcap gray">B</span>roin id condimentum sem. Morbi vitae dui in magna vestibulum suscipit vitae vel nunc. Integer ut risus nulla. malesuada tortor, nec scelerisque lorem mattis lore Aliquam at erat in purus aliquet mollis. Sed at odio ut arcu fringilla dictum eu eu nisl. Donec rutrum erat non arcu gravida porttitor. Nunc magna nisi.Aliquam at erat in purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Maecenas ut nulla quis eros scelerisque posuere velatas. Fusce elementum velit vel dolor iaculis egestas nullam vitae neque luctus. Omassa risus eget arcu. Sed ac porta felis. Vivamus dignissim varius augue ut tempor. Proin urna diam ras venenatis, eros id congue pellent esque, risus leo. Proin urna diam ras venenatis, eros id congue pellent esque, risus leo.Donec quam felis, ultricies nec, pellentesque pretium quis, sem. Nulla consequat massa quis enim. Donec pe justo fringilla vel, aliquet nec vulputate eget, arcu enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felisa penelore mollis pretium.
								<blockquote>
									 Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui conse. Vivamus semper, mi sed congue semper, odio felis tristique neque, ac venenatis mauris augue adipiscing lectus.
								</blockquote>
								<p>
									 Aliquam interdum vehicula nulla et aliquam. Integer ornare euismod risus, vitae tristique leo fringilla in. Maecenas id nunc risus, sit amet sollicitudin odio. Praesent condimentum auctor est, eu euismod magna lobortis sit amet. Duis venenatis ligula id turpis ultrices auctor. Pellentesque viverra neque nisl. Cras pellentesque elit ac libero varius sed mattis lectus consectetur. Nulla eget arcu sit amet mi dignissim ultrices vitae et magna. Etiam accumsan est a nulla placerat egestas. Donec urna enim, aliquet at sodales eu, ultrices sit amet nunc. Aenean convallis facilisis sem, id placerat diam vestibulum phasellus vitae scelerisque.
								</p>
								<p>
									 Morbi placerat bibendum eget dolor pellentesque sed consectetur pulvinar pellentesque bibendum. Vestibulum varius hendrerit turpis quiseam cursus. Donec bibendum vestibulum gravida. Pellentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim. Integer mauris lacus consequat.
								</p>
								<p>
									 In ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum.
								</p>
								<p>
									 Phasellus enim magna, varius et commodo ut, ultricies vitae velit. Ut nulla tellus, eleifend euismod pellentesque vel, sagittis vel justo. In libero urna, venenatis sit amet ornare non, suscipit nec risus. Sed consequat justo non mauris pretium at tempor justo sodales. Quisque tincidunt laoreet malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer vitae ante enim. Fusce sed elit est. Suspendisse sit amet mauris in quam pretium faucibus et aliquam odio.
								</p>
								<div class="post-author">
									<img src="images/avatars/avatar-01.png" alt=""/>
									<div class="about-description">
										<h4>John Doe - Web Designer</h4>
										<p>
											 Fusce vel magna ligula, et lobortis dolor. Pellentesque est tortor, tincidunt euismod aliquam eget, porttitor non lacus. Sed vel massa leo. Morbi non mauris ullamcorper scelerisque nulla tristique mi a massa convallis cursus.
										</p>
									</div>
								</div>
							</div>
						</div>
						<section class="comments-sec">
						<ul class="commentlist">
							<li>
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-02.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 28, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Maecenas dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo.
									</p>
								</div>
							</div>
							</li>
							<li class="comment child">
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-03.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 28, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam.
									</p>
								</div>
							</div>
							</li>
							<li>
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-04.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 28, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Morbi velit eros, sagittis in facilisis non, rhoncus et erat. Nam posuere tristique sem, eu ultricies tortor imperdiet vitae. Curabitur lacinia neque non metus
									</p>
								</div>
							</div>
							</li>
							<li class="comment child">
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-05.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 28, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Dignissim euismod nunc, in commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam.
									</p>
								</div>
							</div>
							</li>
							<li>
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-06.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 10, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus sollicitudin mauris.
									</p>
								</div>
							</div>
							</li>
							<li>
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-07.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 10, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus sollicitudin mauris.
									</p>
								</div>
							</div>
							</li>
							<li>
							<div class="comment">
								<div class="avatar">
									<img src="images/avatars/avatar-08.png" alt=""/>
								</div>
								<div class="comment-entry">
									<div class="comment-arrow">
									</div>
									<div class="comment-author">
										<strong>John Doe</strong><span class="date">May 10, 2013</span><span class="reply"><a href="#"><i class="icon-reply"></i> Reply</a></span>
									</div>
									<p>
										 Commodo est luctus eget. Proin in nunc laoreet justo volutpat blandit enim. Sem felis, ullamcorper vel aliquam non, varius eget justo. Duis quis nunc tellus sollicitudin mauris.
									</p>
								</div>
							</div>
							</li>
						</ul>
						</section>
						<div class="horizontal-line">
						</div>
						<form action="#" id="contact-form" class="simple-form " method="post">
							<fieldset class="one-fourth">
								<i class="icon-user"></i><input type="text" value="Your Name" onblur="if(this.value=='')this.value='Your Name';" onfocus="if(this.value=='Your Name')this.value='';" class="text requiredField" name="name"/>
							</fieldset>
							<fieldset class="one-fourth">
								<i class="icon-envelope"></i><input type="text" value="Your Email" onblur="if(this.value=='')this.value='Your Email';" onfocus="if(this.value=='Your Email')this.value='';" class="requiredField email" name="email"/>
							</fieldset>
							<fieldset class="one-fourth">
								<i class="icon-globe"></i><input type="text" value="Your Website" onblur="if(this.value=='')this.value='Your Website';" onfocus="if(this.value=='Your Website')this.value='';" class="url" name="url"/>
							</fieldset>
							<fieldset class="three-fourth">
								<textarea cols="30" rows="12" value="Your Message" onblur="if(this.value=='')this.value='Your Message';" onfocus="if(this.value=='Your Message')this.value='';" class="text requiredField" name="message"></textarea>
							</fieldset>
							<div class="three-fourth">
								<input type="submit" value="Send message" class="button small grey round"/>
							</div>
						</form>
					</div>
					<div class="one-fourth sidebar right">
						<div class="widget">
							<nav class="top-search">
							<!-- search starts-->
							<form action="404-error.html" method="get">
								<button class="search-btn"></button>
								<input class="search-field" type="text" onblur="if(this.value=='')this.value='Search';" onfocus="if(this.value=='Search')this.value='';" value="Search"/>
							</form>
							</nav>
						</div>
						<div class="widget">
							<h4 class="widget-title">About Our Writing</h4>
							<p>
								 Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. Lorem ipsum dolor sit amet nec, consectetuer adipiscing elit. Aenean commodo ligula eget dolor
							</p>
						</div>
						<div class="widget">
							<h4 class="widget-title">Archive</h4>
							<ul class="sidebar-nav">
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>July 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>June 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>May 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>April 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>March 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>February 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>January 2013</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>December 2012</a></li>
								<li><a href="#" title="Some Title"><i class="icon-angle-right"></i>November 2012</a></li>
							</ul>
						</div>
						<div class="widget">
							<h4 class="widget-title">Popular Tags</h4>
							<ul class="popular-tags">
								<li><a href="#"><i class="icon-tag"></i>AJAX</a></li>
								<li><a href="#"><i class="icon-tag"></i>HTML5</a></li>
								<li><a href="#"><i class="icon-tag"></i>jQuery</a></li>
								<li><a href="#"><i class="icon-tag"></i>CSS3</a></li>
								<li><a href="#"><i class="icon-tag"></i>PHP</a></li>
								<li><a href="#"><i class="icon-tag"></i>Wordpress</a></li>
								<li><a href="#"><i class="icon-tag"></i>Photoshop</a></li>
								<li><a href="#"><i class="icon-tag"></i>Uncategorized</a></li>
								<li><a href="#"><i class="icon-tag"></i>Ruby</a></li>
								<li><a href="#"><i class="icon-tag"></i>Drupal</a></li>
								<li><a href="#"><i class="icon-tag"></i>Inspiration</a></li>
								<li><a href="#"><i class="icon-tag"></i>Joomla</a></li>
								<li><a href="#"><i class="icon-tag"></i>Design</a></li>
								<li><a href="#"><i class="icon-tag"></i>Responsive</a></li>
								<li><a href="#"><i class="icon-tag"></i>Envato</a></li>
								<li><a href="#"><i class="icon-tag"></i>Wallpapers</a></li>
								<li><a href="#"><i class="icon-tag"></i>Fonts</a></li>
							</ul>
						</div>
						<div class="widget">
							<h4 class="widget-title">Flicrk Photos</h4>
							<div class="flickr-widget inner">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<section class="footer-call-to-action">
		<section class="container">
		<div class="three-fourth">
			<h4>If you you’re interested in working with Us, feel free to contact Us via contact form.</h4>
		</div>
		<div class="one-fourth">
			<a href="#" class="button grey huge round">Purchase Now</a>
		</div>
		</section>
		</section>
		<footer id="footer">
		<section class="container">
		<section class="one-third">
		<h4>Twitter Feeds</h4>
		<ul class="twitter-feeds">
			<!-- twitter widget starts-->
		</ul>
		<!-- twitter widget ends-->
		<p>
			<a href="#">Follow Me on Twitter</a>
		</p>
		</section>
		<section class="one-third">
		<h4>Latest Posts</h4>
		<ul>
			<!-- latest posts widget starts-->
			<li><a href="blog-post.html">Free Responsive HTML5 Template.</a></li>
			<li><a href="blog-post.html">PSD Widget UI Free Download</a></li>
			<li><a href="blog-post.html">Free Business Bootsrap Template</a></li>
			<li><a href="blog-post.html">Custom WordPress Themes</a></li>
		</ul>
		<!-- lastest posts widget ends-->
		</section>
		<section class="one-third ">
		<h4>Flickr Photos</h4>
		<div class="flickr-widget">
			<!-- flickr widget starts-->
		</div>
		</section>
		</section>
		</footer>
		<section id="copyrights">
		<section class="container">
		<div class="one-half">
			<p>
				 Copyright &copy; 2014.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
			</p>
		</div>
		<div class="one-half">
			<ul class="copyright_links">
				<li><a href="#" title="Home">Home</a></li>
				<li><a href="#" title="About">About us</a></li>
				<li><a href="#" title="Blog">Blog</a></li>
				<li><a href="#" title="Contact">Contact</a></li>
			</ul>
		</div>
		</section>
		</section>
	</div>
	<!-- main wrapp starts-->
</div>
<!-- main container ends-->

</body>
</html>